<template>
    <a-tabs :defaultActiveKey="defaultActiveKey">
        <a-tab-pane :tab="$t('本地用户')" key="local_user" style="padding: 14px">
            <User ref="userRef" />
        </a-tab-pane>
        <!-- <a-tab-pane :tab="$t('本地用户组')" key="2">
            222
        </a-tab-pane> -->
    </a-tabs>
</template>

<script>
import EmptyData from '@/components/common/EmptyData'
import NoAuthPage from '@/components/common/NoAuthPage'
import User from './user.vue'

export default {
    components: { EmptyData, NoAuthPage, User },
    data() {
        return {
            defaultActiveKey: 'local_user',
        }
    },
}
</script>


<style scoped>
::v-deep.ant-tabs-nav-container {
    background-color: #f0f3f5;
    /* padding-left: 10px; */
}

::v-deep.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    border: none;
    background-color: transparent;
}

::v-deep.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    background-color: #fff;
    border-bottom: 2px solid var(--themeColor);
}

/* 添加选中tab的下划线 */
::v-deep.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 45px;
    height: 2px;
    transform: translateX(-50%);
    background-color: var(--themeColor);
}

/* :deep(.ant-tabs-bar) {
    margin: 16px 0 16px;
} */
</style>
